<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=7" />
<title>景区活动</title>
<link href="/static/AmazeUI-2.7.2/AmazeUI-2.7.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/static/AmazeUI-2.7.2/AmazeUI-2.7.2/assets/css/app.css">
<script src="/static/AmazeUI-2.7.2/AmazeUI-2.7.2/assets/js/jquery-3.3.1.min.js"></script>
<script src="/static/AmazeUI-2.7.2/AmazeUI-2.7.2/assets/js/amazeui.min.js"></script>
<link rel="stylesheet" href="/static/font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.min.css">
<link href="/static/frontend/css/base.css" rel="stylesheet" type="text/css" />
<link href="/static/frontend/css/common.css" rel="stylesheet" type="text/css" />
<link href="/static/frontend/css/page.css" rel="stylesheet" type="text/css" />
<link href="/static/frontend/css/css.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/static/frontend/css/nrzzsc.css" type="text/css" />
<link type="text/css" href="/static/frontend/css/nrflexslider.min.css" rel="stylesheet" />
<script src="/static/frontend/js/jquery-1.4a2.min.js" type="text/javascript"></script>
<script src="/static/frontend/js/jquery.KinSlideshow-1.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$("#KinSlideshow").KinSlideshow();
})
</script>
<script type="text/javascript" src="/static/frontend/js/jquery.flexslider.min.js"></script>
<script type="text/javascript" src="/static/frontend/js/16sucai.js"></script>

<link rel="shortcut icon" href="bitbug_favicon.ico"/>
<link rel="stylesheet" type="text/css" href="/static/frontend/css/style.css" />
<link rel="stylesheet" type="text/css" href="/static/frontend/css/think-page.css" />


<script type="text/javascript" src="/static/frontend/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
    $(function(){
        // 导航
        $(".nav>ul>li").mouseenter(function(event) {
            $(this).addClass("cur").siblings().removeClass("cur")
            $(this).children(".yincang").stop().slideDown()

        });
        $(".nav>ul>li").mouseleave(function(event) {
            $(this).removeClass("cur")
            $(this).children(".yincang").stop().slideUp()
        });
        // tejia
        $(".tejia .wenzi span").mouseenter(function(event) {
           $(this).addClass("cur").siblings().removeClass("cur")
        });
        // 品牌目的地
        $(".pinpai_inr ul li").mouseenter(function(event) {
            $(this).addClass("cur").siblings().removeClass("cur")
        });
          $(".pinpai_inr ul li").mouseleave(function(event) {
            $(".pinpai_inr ul li").removeClass("cur")
        });
         // 
         $(".tututu").mouseenter(function(event) {
             $(this).children(".heibu").stop().slideDown()
         });
         $(".tututu").mouseleave(function(event) {
             $(this).children(".heibu").stop().slideUp()
         });
        //banner
                var nowing = 0 
                var $imglis = $(".banner .list0 li")
                var $fadeCover = $(".fadeCover")
                var fadeIntime = 500
                var fadeOutime = 800
                var $circle = $(".circle li")
                var timer

                    // 定义函数
                    function rightbtn(){
                        // 先信号量的改变，
                    
                    nowing++
                    if(nowing>$imglis.length-1){
                        nowing=0
                       }
                       // 再调用函数
                    dong();
                    }
                    // 定时器业务
                     timer = setInterval(rightbtn,2000)
                    $(".banner").mouseenter(function(){
                        clearInterval(timer)
                    
                    })
                    $(".banner").mouseleave(function(){
                        clearInterval(timer)
                        timer = setInterval(rightbtn,2000)
                    })
                    // 点击小圆点业务
                    $circle.click(function(){
                        nowing = $(this).index()
                        dong()
                    })
                 function dong(){
                     // 先让fadecover淡入，让全局变白 
                  $fadeCover.fadeIn(fadeIntime,function(){
                    // ,function(){
                    // 回调函数中，就表示fadecover淡入后做的事情。
                    // 换图是干蹦的，不是淡入淡出的换,进行暗箱操作，兄弟去cur，自己加cur
                    $imglis.eq(nowing).addClass('cur').siblings().removeClass('cur')
                    // 淡出让黑布小事
                    $(this).fadeOut(fadeOutime)
                  })
                  $circle.eq(nowing).addClass("cur").siblings().removeClass("cur")
                 }

    })
</script>
<script>

</script>
</head>

<body>

<!---top s--->
<div class="header1">
  {include file="../application/frontend/view/common/top.html" /}
</div>
<!---top e--->


<!---menu s--->
<div class="nav">
   {include file="../application/frontend/view/common/nav.html"}
</div>
<!---menu e--->




<!---mainbox s--->


<div class="mainbox1">
<!---banner s--->

<div class="banner" style="width: 1000px;">
     {include file="../application/frontend/view/common/banner.html"}
           
</div>

<!---banner e--->
<div class="about_l">

<div class="about_l1">
<div class="about_l1t">&nbsp;&nbsp;&nbsp;&nbsp;客服电话</div>
    <div class="about_l1d">
        <div class="about_l1dt">
        <div class="about_l1dtl"><img src="/static/frontend/img/pay01.jpg"/></div>
        <div class="about_l1dtr">客服电话<br/><span>0756-3993331</span></div>
        </div>

        <div class="about_l1dc"></div>
        
        <div class="about_l1dc">开放时间:早8:00-晚21:00</div>
        
        <div class="about_l1dc">景区地址:广东省珠海常泷度假区</div>
        
    </div>
</div>

<!-- <div class="about_l2">
<div class="about_l2t">&nbsp;&nbsp;&nbsp;纯玩线路</div>
<div class="about_l2d">
<ul>
<li><a href="#"><span>精品纯玩线路</span></a></li>
<li><a href="#"><span>纯玩小包团</span></a></li>
<li><a href="#"><span>散客拼团精华线路玩</span></a></li>
<li><a href="#"><span>十人以上独立成团纯玩线路</span></a></li>
<li><a href="#"><span>自由行</span></a></li>
<li><a href="#"><span>自驾车线路</span></a></li>
</ul>
</div>
</div> -->

<div class="about_l3">
<div class="about_l13">&nbsp;&nbsp;&nbsp;&nbsp;热门景点</div>
<div class="about_l3_box">
<div class="about_l3_boxl"><a href="#"><img src="/static/frontend/img/scenic01.png" width="101" height="68"/></a></div>
<div class="about_l3_boxr">
<div class="about_l3_boxrt"><a href="#">常泷马戏团</a></div>
<div class="about_l3_boxrd"><span style="color:#color:#ff6600; font-size:12px;">￥</span><span>350</span>起/人</div>
</div>
</div>
<div class="about_l3_box">
<div class="about_l3_boxl"><a href="#"><img src="/static/frontend/img/scenic02.jpg" width="101" height="68"/></a></div>
<div class="about_l3_boxr">
<div class="about_l3_boxrt"><a href="#">常泷海豚湾</a></div>
<div class="about_l3_boxrd"><span style="color:#color:#ff6600; font-size:12px;">￥</span><span>350</span>起/人</div>
</div>
</div>
<div class="about_l3_box">
<div class="about_l3_boxl"><a href="#"><img src="/static/frontend/img/scenic03.jpg" width="101" height="68"/></a></div>
<div class="about_l3_boxr">
<div class="about_l3_boxrt"><a href="#">常泷海豚湾</a></div>
<div class="about_l3_boxrd"><span style="color:#color:#ff6600; font-size:12px;">￥</span><span>350</span>起/人</div>
</div>
</div>
<div class="about_l3_box">
<div class="about_l3_boxl"><a href="#"><img src="/static/frontend/img/scenic04.jpg" width="101" height="68"/></a></div>
<div class="about_l3_boxr">
<div class="about_l3_boxrt"><a href="#">常泷企鹅岛</a></div>
<div class="about_l3_boxrd"><span style="color:#color:#ff6600; font-size:12px;">￥</span><span>350</span>起/人</div>
</div>
</div>
</div>

<div class="about_l4">
<div class="about_l4t">&nbsp;&nbsp;&nbsp;&nbsp;开放时间</div>
<div class="about_l4t_list">
	<ul>
	<li><a href="#">海洋大街:10:00-20:30</a></li>
	<li><a href="#">雨林飞翔:10:00-20:30</a></li>
    <li><a href="#">横琴海:10:00-20:30</a></li>
	<li><a href="#">英雄岛:10:30-20:30</a></li>
	<li><a href="#">海豚湾:10:00-20:30</a></li>
	<li><a href="#">海洋奇景:10:00-20:30</a></li>
	<li><a href="#">极地探险:10:30-20:30</a></li>
	<li><a href="#">海象山:11:00-20:30</a></li>
	
    </ul>
    <div class="clear"></div>
	<br/>
</div>
</div>


</div>

<div class="about_r" style="background: blue;">
<div class="moduletable-banner">
	<div class="flexslider"     style="font-size: 20px;color:white;text-align: center;line-height:80px;background-image:url(/static/frontend/img/miui.png)">
		<p>常泷海洋王国不仅是一家游乐的好去处</p>
		<p>更是探索海洋与极地动物的知识宝库！</p>
	</div>
</div>
</div>

<div class="about_r1">

<div class="about_r1t">&nbsp;&nbsp;&nbsp;&nbsp;精品纯玩线路</div>
   

  


    
<div class="a_metting">
<div class="a_mettingt">
<div class="a_mettingtl"></div>
<div class="a_mettingtc">海洋大街</div>
<div class="a_mettingtr"><a href="#">更多>></a></div>
</div>
<div class="a_mettingc">
<div class="a_mettingcl">
<div class="a_mettingcll"><a href="#"><img src="/static/frontend/img/timg3.jpg" width="128" height="94"/></a></div>
<div class="a_mettingclr">
<div class="a_mettingclrt"><a href="#">名称：海洋王国欢迎您</a></div>
<div class="a_mettingclrd">介绍：海洋王国家族成员、互动拍照</div>
</div>
</div>
<div class="a_mettingcl">
<div class="a_mettingcll"><a href="#"><img src="/static/frontend/img/timg3.jpg" width="128" height="94"/></a></div>
<div class="a_mettingclr">
<div class="a_mettingclrt"><a href="#">名称：音乐使者</a></div>
<div class="a_mettingclrd">介绍：音乐表演、互动拍照</div>
</div>
</div>
</div>
<div class="a_mettingd">
<ul>
<li><a href="#">一众海洋王国家族成员，于园区入口在长隆集团主题曲《长隆之约》伴奏下载歌载舞，嗨起来！</a></li>
<li><a href="#"></a></li>
<li><a href="#">音乐使者正列队演奏多首欢快的乐曲，利用美妙的旋律带您进入如梦以幻的海洋世界。</a></li>
</ul>
</div>
</div>

<div class="a_metting">
<div class="a_mettingt">
<div class="a_mettingtl"></div>
<div class="a_mettingtc">英雄岛</div>
<div class="a_mettingtr"><a href="#">更多>></a></div>
</div>
<div class="a_mettingc">
<div class="a_mettingcl">
<div class="a_mettingcll"><a href="#"><img src="/static/frontend/img/timg3.jpg" width="128" height="94"/></a></div>
<div class="a_mettingclr">
<div class="a_mettingclrt"><a href="#">名称：触摸池</a></div>
<div class="a_mettingclrd">介绍：水世界、玩水、室外</div>
</div>
</div>
<div class="a_mettingcl">
<div class="a_mettingcll"><a href="#"><img src="/static/frontend/img/timg3.jpg" width="128" height="94"/></a></div>
<div class="a_mettingclr">
<div class="a_mettingclrt"><a href="#">名称：水獭之家</a></div>
<div class="a_mettingclrd">介绍：亚洲小爪水獭</div>
</div>
</div>
</div>
<div class="a_mettingd">
<ul>
<li><a href="#">大家可以伸手轻轻触碰海星、海胆等海岸生物，尽情体验与牠们互动的乐趣！</a></li>

<li><a href="#"></a></li>
<li><a href="#">这些活泼好动的动物正等着跟您做好朋友，快来这里和牠们打招呼吧！</a></li>
</ul>
</div>
</div>

<div class="a_metting">
<div class="a_mettingt">
<div class="a_mettingtl"></div>
<div class="a_mettingtc">横琴海</div>
<div class="a_mettingtr"><a href="#">更多>></a></div>
</div>
<div class="a_mettingc">
<div class="a_mettingcl">
<div class="a_mettingcll"><a href="#"><img src="/static/frontend/img/timg3.jpg" width="128" height="94"/></a></div>
<div class="a_mettingclr">
<div class="a_mettingclrt"><a href="#">名称：跳跃旋律音乐喷泉</a></div>
<div class="a_mettingclrd">介绍：音乐喷泉、水柱跳跃</div>
</div>
</div>
<div class="a_mettingcl">
<div class="a_mettingcll"><a href="#"><img src="/static/frontend/img/timg3.jpg" width="128" height="94"/></a></div>
<div class="a_mettingclr">
<div class="a_mettingclrt"><a href="#">名称：水上飞人大汇演</a></div>
<div class="a_mettingclrd">介绍：水上摩托艇、空中翻转、水上飞人</div>
</div>
</div>
</div>
<div class="a_mettingd">
<ul>
<li><a href="#">感受轻快的旋律节奏，将快乐气氛散布每个角落！</a></li>

<li><a href="#"></a></li>
<li><a href="#">看水中勇士，将以矫健的身姿，为您展示一幕幕时而平湖跃起、时而空中翻转的绝妙奇技</a></li>
</ul>
</div>
</div>












<div class="clear"></div>

<!--fenye s-->

<div class="about_t_down_fanye">

</div>
<!--fenye e-->

</div>

<div class="clear"></div>


</div>

<!---mainbox e--->

<!---footer_box s--->
<div class="footer" style="background-color:white;float:none;">
    {include file="../application/frontend/view/common/bottom.html"}
</div>
<!---footer_box e--->

<script type="text/javascript">
$(window).load(function() {
$('.flexslider').flexslider();
});
$(document).ready(function() {
$('.flexslider').hover(function() {
$('.flex-direction-nav li a.prev').css('display', 'block');
$('.flex-direction-nav li a.next').css('display', 'block');
}, function() {
$('.flex-direction-nav li a.prev').css('display', 'none');
$('.flex-direction-nav li a.next').css('display', 'none');
});

});
</script>
<script type="text/javascript">
    var pay=$('.about_r1drc');
    console.log(pay);
    
   

    pay.each(function(){

        $(this).click(function(){
        var num=$(this).parents('.about_r1d').find('.product_number').val();//产品编号
        var date=$('#my-start-2').val();//产品日期
        console.log(num);
        console.log(date);
        var conf = '确定加入购物车吗？';
        if(confirm(conf)==true)
        {
         console.log('yes');
         $.ajax({
        type:"post",
        url:"/frontend/scenic/ajax",
        data:{num:num,date:date},
        dataType:"json",
        success:function(ret){
            console.log(ret);
        }


    });
        }


        });
                
                
                
        
        
           

        });
        
      
    
</script>

</body>
</html>
